<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>阈值设定</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
 		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  		<link rel="stylesheet" href="../public/res/css/g.css" media="all">
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-card-body" style="padding: 15px;">
					<div class="layui-tab">
					  <ul class="layui-tab-title">
					    <li class="layui-this">区域</li>
					    <li>行业</li>
					    <li>企业</li>
					    <li>个人</li>
					  </ul>
					  <div class="layui-tab-content">
					    <div class="layui-tab-item layui-show">
						    <form class="layui-form" action="" lay-filter="component-form-group" style="padding: 10px 0 0 0;">
								<div class="layui-form-item">
										<div  class="layui-inline">
											<label class="layui-form-label">标准编号</label>
										    <div class="layui-input-block">
								              <input type="text" name="code" lay-verify="code" autocomplete="off" placeholder="请输入规则编号" class="layui-input">
								            </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">网格</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择网格</option>
										        <option value="全部" selected="">全部</option>
										        <option value="网格1">网格1</option>
										        <option value="网格2">网格2</option>
										        <option value="网格4">网格3</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">业务属性</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择业务属性</option>
										        <option value="全部" selected="">全部</option>
										        <option value="消防">消防</option>
										        <option value="综治">综治</option>
										        <option value="城管">城管</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<button class="layui-btn"><i class="layui-icon">&#xe615;</i>查询</button>
										</div>
							    </div>
							</form>
							<hr>
							<div class="layui-btn-group demoTable" style="margin-bottom: 5px;">
							  	<button class="layui-btn layui-btn-primary " data-type="add"><i class="layui-icon">&#xe654;</i>新增</button>
							</div>
							<table class="layui-table" lay-data="{cellMinWidth: 80,height:472, url:'./data/threshold.json', page:true, id:'idTest1',even: true}" lay-filter="demo">
							  <thead>
							    <tr>
							      <th lay-data="{align:'center', field:'id', width:120}" rowspan="2">编号</th>
							      <th lay-data="{align:'center', field:'attribute', width:200}" rowspan="2">业务属性</th>
							      <th lay-data="{align:'center', field:'object'}" rowspan="2">管理对象</th>
							      <th lay-data="{align:'center', field:'gradeA'}" colspan="2">A级</th>
							      <th lay-data="{align:'center', field:'gradeB'}" colspan="2">B级</th>
							      <th lay-data="{align:'center', field:'gradeC'}" colspan="2">C级</th>
							      <th lay-data="{align:'center', field:'gradeD'}" colspan="2">D级</th>
							      <th lay-data="{ align:'center', toolbar: '#barDemo1',fixed: 'right',width:220}" rowspan="2">操作</th>
							    </tr>
							    <tr>
							    	<th lay-data="{align:'center',field:'gradeAMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeAMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeBMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeBMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeCMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeCMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeDMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeDMin', width:120}">最小值</th>
							    </tr>
							  </thead>
							</table>
							<script type="text/html" id="barDemo1">
								<a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe63c;</i>详情</a>
								<a class="layui-btn  layui-btn-warm layui-btn-xs" lay-event="edit"><i class="layui-icon zkuasgm-icon">&#xe673;</i>编辑</a>
								<a class="layui-btn  layui-btn-danger layui-btn-xs" lay-event="delete"><i class="layui-icon">&#xe640;</i>删除</a>
							</script>
					    </div>
					    <div class="layui-tab-item">
					    	<form class="layui-form" action="" lay-filter="component-form-group" style="padding: 10px 0 0 0;">
								<div class="layui-form-item">
										<div  class="layui-inline">
											<label class="layui-form-label">标准编号</label>
										    <div class="layui-input-block">
								              <input type="text" name="code" lay-verify="code" autocomplete="off" placeholder="请输入规则编号" class="layui-input">
								            </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">行业类别</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择行业类别</option>
										        <option value="全部" selected="">全部</option>
										        <option value="模具行业">模具行业</option>
										        <option value="饮食行业">饮食行业</option>
										        <option value="农产品产业">农产品产业</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">业务属性</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择业务属性</option>
										        <option value="全部" selected="">全部</option>
										        <option value="消防">消防</option>
										        <option value="综治">综治</option>
										        <option value="城管">城管</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<button class="layui-btn"><i class="layui-icon">&#xe615;</i>查询</button>
										</div>
							    </div>
							</form>
							<hr>
							<div class="layui-btn-group demoTable" style="margin-bottom: 5px;">
							  	<button class="layui-btn layui-btn-primary " data-type="add"><i class="layui-icon">&#xe654;</i>新增</button>
							</div>
							<table class="layui-table" lay-data="{cellMinWidth: 80,height:472, url:'./data/threshold.json', page:true, id:'idTest2',even: true}" lay-filter="demo">
							  <thead>
							    <tr>
							      <th lay-data="{align:'center', field:'id', width:120}" rowspan="2">编号</th>
							      <th lay-data="{align:'center', field:'attribute', width:200}" rowspan="2">业务属性</th>
							      <th lay-data="{align:'center', field:'object'}" rowspan="2">管理对象</th>
							      <th lay-data="{align:'center', field:'gradeA'}" colspan="2">A级</th>
							      <th lay-data="{align:'center', field:'gradeB'}" colspan="2">B级</th>
							      <th lay-data="{align:'center', field:'gradeC'}" colspan="2">C级</th>
							      <th lay-data="{align:'center', field:'gradeD'}" colspan="2">D级</th>
							      <th lay-data="{ align:'center', toolbar: '#barDemo2',fixed: 'right',width:220}" rowspan="2">操作</th>
							    </tr>
							    <tr>
							    	<th lay-data="{align:'center',field:'gradeAMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeAMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeBMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeBMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeCMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeCMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeDMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeDMin', width:120}">最小值</th>
							    </tr>
							  </thead>
							</table>
							<script type="text/html" id="barDemo2">
								<a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe63c;</i>详情</a>
								<a class="layui-btn  layui-btn-warm layui-btn-xs" lay-event="edit"><i class="layui-icon zkuasgm-icon">&#xe673;</i>编辑</a>
								<a class="layui-btn  layui-btn-danger layui-btn-xs" lay-event="delete"><i class="layui-icon">&#xe640;</i>删除</a>
							</script>
					    </div>
					    <div class="layui-tab-item">
					    	<form class="layui-form" action="" lay-filter="component-form-group" style="padding: 10px 0 0 0;">
								<div class="layui-form-item">
										<div  class="layui-inline">
											<label class="layui-form-label">标准编号</label>
										    <div class="layui-input-block">
								              <input type="text" name="code" lay-verify="code" autocomplete="off" placeholder="请输入规则编号" class="layui-input">
								            </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">网格</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择网格</option>
										        <option value="全部" selected="">全部</option>
										        <option value="网格1">网格1</option>
										        <option value="网格2">网格2</option>
										        <option value="网格4">网格3</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">业务属性</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择业务属性</option>
										        <option value="全部" selected="">全部</option>
										        <option value="消防">消防</option>
										        <option value="综治">综治</option>
										        <option value="城管">城管</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<button class="layui-btn"><i class="layui-icon">&#xe615;</i>查询</button>
										</div>
							    </div>
							</form>
							<hr>
							<div class="layui-btn-group demoTable" style="margin-bottom: 5px;">
							  	<button class="layui-btn layui-btn-primary " data-type="add"><i class="layui-icon">&#xe654;</i>新增</button>
							</div>
							<table class="layui-table" lay-data="{cellMinWidth: 80,height:472, url:'./data/threshold.json', page:true, id:'idTest3',even: true}" lay-filter="demo">
							  <thead>
							    <tr>
							      <th lay-data="{align:'center', field:'id', width:120}" rowspan="2">编号</th>
							      <th lay-data="{align:'center', field:'attribute', width:200}" rowspan="2">业务属性</th>
							      <th lay-data="{align:'center', field:'object'}" rowspan="2">管理对象</th>
							      <th lay-data="{align:'center', field:'gradeA'}" colspan="2">A级</th>
							      <th lay-data="{align:'center', field:'gradeB'}" colspan="2">B级</th>
							      <th lay-data="{align:'center', field:'gradeC'}" colspan="2">C级</th>
							      <th lay-data="{align:'center', field:'gradeD'}" colspan="2">D级</th>
							      <th lay-data="{ align:'center', toolbar: '#barDemo3',fixed: 'right',width:220}" rowspan="2">操作</th>
							    </tr>
							    <tr>
							    	<th lay-data="{align:'center',field:'gradeAMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeAMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeBMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeBMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeCMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeCMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeDMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeDMin', width:120}">最小值</th>
							    </tr>
							  </thead>
							</table>
							<script type="text/html" id="barDemo3">
								<a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe63c;</i>详情</a>
								<a class="layui-btn  layui-btn-warm layui-btn-xs" lay-event="edit"><i class="layui-icon zkuasgm-icon">&#xe673;</i>编辑</a>
								<a class="layui-btn  layui-btn-danger layui-btn-xs" lay-event="delete"><i class="layui-icon">&#xe640;</i>删除</a>
							</script>
					    </div>
					    <div class="layui-tab-item">
					    	<form class="layui-form" action="" lay-filter="component-form-group" style="padding: 10px 0 0 0;">
								<div class="layui-form-item">
										<div  class="layui-inline">
											<label class="layui-form-label">标准编号</label>
										    <div class="layui-input-block">
								              <input type="text" name="code" lay-verify="code" autocomplete="off" placeholder="请输入规则编号" class="layui-input">
								            </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">网格</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择网格</option>
										        <option value="全部" selected="">全部</option>
										        <option value="网格1">网格1</option>
										        <option value="网格2">网格2</option>
										        <option value="网格4">网格3</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<label class="layui-form-label">业务属性</label>
										    <div class="layui-input-inline">
										      <select name="quiz1">
										        <option value="">请选择业务属性</option>
										        <option value="全部" selected="">全部</option>
										        <option value="消防">消防</option>
										        <option value="综治">综治</option>
										        <option value="城管">城管</option>
										      </select>
										    </div>
										</div>
										<div  class="layui-inline">
											<button class="layui-btn"><i class="layui-icon">&#xe615;</i>查询</button>
										</div>
							    </div>
							</form>
							<hr>
							<div class="layui-btn-group demoTable" style="margin-bottom: 5px;">
							  	<button class="layui-btn layui-btn-primary " data-type="add"><i class="layui-icon">&#xe654;</i>新增</button>
							</div>
							<table class="layui-table" lay-data="{cellMinWidth: 80,height:472, url:'./data/threshold.json', page:true, id:'idTest4',even: true}" lay-filter="demo">
							  <thead>
							    <tr>
							      <th lay-data="{align:'center', field:'id', width:120}" rowspan="2">编号</th>
							      <th lay-data="{align:'center', field:'attribute', width:200}" rowspan="2">业务属性</th>
							      <th lay-data="{align:'center', field:'object'}" rowspan="2">管理对象</th>
							      <th lay-data="{align:'center', field:'gradeA'}" colspan="2">A级</th>
							      <th lay-data="{align:'center', field:'gradeB'}" colspan="2">B级</th>
							      <th lay-data="{align:'center', field:'gradeC'}" colspan="2">C级</th>
							      <th lay-data="{align:'center', field:'gradeD'}" colspan="2">D级</th>
							      <th lay-data="{ align:'center', toolbar: '#barDemo4',fixed: 'right',width:220}" rowspan="2">操作</th>
							    </tr>
							    <tr>
							    	<th lay-data="{align:'center',field:'gradeAMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeAMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeBMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeBMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeCMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeCMin', width:120}">最小值</th>
								    <th lay-data="{align:'center',field:'gradeDMax', width:120}">最大值</th>
								    <th lay-data="{align:'center',field:'gradeDMin', width:120}">最小值</th>
							    </tr>
							  </thead>
							</table>
							<script type="text/html" id="barDemo4">
								<a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe63c;</i>详情</a>
								<a class="layui-btn  layui-btn-warm layui-btn-xs" lay-event="edit"><i class="layui-icon zkuasgm-icon">&#xe673;</i>编辑</a>
								<a class="layui-btn  layui-btn-danger layui-btn-xs" lay-event="delete"><i class="layui-icon">&#xe640;</i>删除</a>
							</script>
					    </div>
					  </div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../layuiadmin/layui/layui.js"></script>  
		<script>
			layui.use(['element','table'], function(){
			  	var $ = layui.jquery
  				,element = layui.element
  				,table = layui.table;
  				
  				$('[data-type="add"]').on('click',function(){
					layer.open({
					  type: 2,
					  area: ['800px', '550px'],
					  fixed: false, //不固定
					  maxmin: true,
					  content: 'threshold-detail.html'
					});
			  	})
  				
			});
		</script>
	</body>
</html>
